<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./fontsize/iconfont.css" />
  </head>
  <body>
    <!-- 第一部分开始 -->
    <!-- 6个小盒子 -->
    <div class="box w">
      <ul>
        <li>
          <span class="iconfont">&#xe696;</span>
          <a href="#">南极北极</a>
        </li>
        <li>
          <span class="iconfont">&#xe772;</span>
          <a href="#">南极船票</a>
        </li>
        <li>
          <span class="iconfont">&#xe602;</span>
          <a href="#">度假酒店</a>
        </li>
        <li>
          <span class="iconfont">&#xe75d;</span>
          <a href="#">主题旅行</a>
        </li>
        <li>
          <span class="iconfont">&#xe600;</span>
          <a href="#">国际游学</a>
        </li>
        <li>
          <span class="iconfont">&#xe63c;</span>
          <a href="#">专属定制</a>
        </li>
      </ul>
    </div>
    <!-- 第一部分结束 -->
    <!-- 第二部分开始 -->
    <!-- 文字部分 -->
    <div class="box1 w">
      <div class="text">
        <div class="fl">
          <p><i>热门</i>线路</p>
          <p>好线路那么多，我们为你精选，行之悦会越来越懂你</p>
        </div>
        <!-- 右边框部分 -->
        <button class="bot fr">
          <span class="iconfont">&#xe655;</span>
          <p>换一换</p>
        </button>
      </div>
      <!-- 下面的第一个图片部分开始 -->
      <div class="pic">
        <!-- 左边图片 -->
        <div class="pic1">
          <img src="./imgs/2020851712352103_382-238.jpg" alt="" />
          <div class="money1">
            <i>￥218800起</i>
            <p>破冰北极点. 2021五十年胜利号远航探险之旅</p>
            <span class="iconfont">&#xe74e;</span
            ><span class="iconfont">&#xe63b;393</span
            ><span class="iconfont">&#xe667;</span>
          </div>
        </div>
        <!-- 右边图片 -->
        <div class="pic2">
          <div class="imgs">
            <img src="./imgs/2020851712352103_382-238.jpg" alt="" />
            <div class="money">￥14600起</div>
          </div>
          <!-- 右面图片下面文字部分 -->
          <div class="about">
            <p>主题旅行</p>
            <p>寻茶访声.西双版纳探秘之旅（含腾冲延伸）</p>
            <p>出行日期：2020年09月28日-2020年10月05日</p>
            <span class="iconfont">&#xe74e;</span
            ><span class="iconfont">&#xe63b;963</span
            ><span class="iconfont">&#xe667;</span>
          </div>
        </div>
      </div>
    </div>
    <!-- 第二部分结束 -->
    <!-- 第三部分开始 -->
    <div class="nav w">
      <!-- 第一个盒子最上面图片 -->
      <div class="nav1 fl">
        <div class="pic">
          <img src="./imgs/20215311741463200_382-238.jpeg" alt="" />
          <div class="money">￥19800起</div>
        </div>
        <!-- 文字部分 -->
        <div class="text">
          <p>主题旅行</p>
          <p>大漠金秋.穿越巴丹吉林之旅</p>
          <p>出行日期：2020年10月09日-2020年10月16日</p>
          <span class="iconfont">&#xe74e;</span
          ><span class="iconfont">&#xe63b;963</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <!-- 第一个盒子最上面图片 -->
      <div class="nav1 fl">
        <div class="pic">
          <img src="./imgs/20214151721135336_382-238.jpg" alt="" />
          <div class="money">￥9980起</div>
        </div>
        <!-- 文字部分 -->
        <div class="text">
          <p>主题旅行</p>
          <p>嘉绒藏乡.川西丹巴漫游之旅</p>
          <p>出行日期：2020年09月26日-2020年10月03日</p>
          <span class="iconfont">&#xe74e;</span
          ><span class="iconfont">&#xe63b;752</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
      <!-- 第一个盒子最上面图片 -->
      <div class="nav1 fl">
        <div class="pic">
          <img src="./imgs/20215111451523604_382-238.jpg" alt="" />
          <div class="money">￥17800起</div>
        </div>
        <!-- 文字部分 -->
        <div class="text">
          <p>主题旅行</p>
          <p>油画之境.金秋南疆胡杨林行摄之旅</p>
          <p>出行日期：2020年10月15日-2020年10月24日</p>
          <span class="iconfont">&#xe74e;</span
          ><span class="iconfont">&#xe63b;439</span
          ><span class="iconfont">&#xe667;</span>
        </div>
      </div>
    </div>
    <!-- 第三部分结束 -->
    <!-- 第四部分开始 -->
    <div class="seach w">
      <a href="#"> 更多路线 </a>
    </div>
    <!-- 第四部分结束 -->
    <!-- 第五部分开始 -->
    <div class="foot w">
      <!-- 上面文字 -->
      <div class="baike">
        <p>旅行百科</p>
        <p>行之悦为什么要做国际游学?</p>
      </div>
      <!-- 下面按钮 -->
      <div class="foot2">
        <ul>
          <li></li>
          <li></li>
          <span> <li></li></span>
        </ul>
      </div>
    </div>
  </body>
</html>
